
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <title>IconFont</title>
    <link rel="stylesheet" href="demo.css">
    <script src="iconfont.js"></script>

    <style type="text/css">
        .icon {
          /* 通过设置 font-size 来改变图标大小 */
          width: 1em; height: 1em;
          /* 图标和文字相邻时，垂直对齐 */
          vertical-align: -0.15em;
          /* 通过设置 color 来改变 SVG 的颜色/fill */
          fill: currentColor;
          /* path 和 stroke 溢出 viewBox 部分在 IE 下会显示
             normalize.css 中也包含这行 */
          overflow: hidden;
        }

    </style>
</head>
<body>
    <div class="main markdown">
        <h1>IconFont 图标</h1>
        <ul class="icon_lists clear">
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-weibo"></use>
                    </svg>
                    <div class="name">weibo</div>
                    <div class="fontclass">#icon-weibo</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-wechat"></use>
                    </svg>
                    <div class="name">wechat</div>
                    <div class="fontclass">#icon-wechat</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-qzone"></use>
                    </svg>
                    <div class="name">qzone</div>
                    <div class="fontclass">#icon-qzone</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-qq"></use>
                    </svg>
                    <div class="name">qq</div>
                    <div class="fontclass">#icon-qq</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-github"></use>
                    </svg>
                    <div class="name">github</div>
                    <div class="fontclass">#icon-github</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-zhihu"></use>
                    </svg>
                    <div class="name">zhihu</div>
                    <div class="fontclass">#icon-zhihu</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-019"></use>
                    </svg>
                    <div class="name">爱心</div>
                    <div class="fontclass">#icon-019</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-erji"></use>
                    </svg>
                    <div class="name">耳机</div>
                    <div class="fontclass">#icon-erji</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-gangqing_up"></use>
                    </svg>
                    <div class="name">gangqing_up</div>
                    <div class="fontclass">#icon-gangqing_up</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-cidai_up"></use>
                    </svg>
                    <div class="name">cidai_up</div>
                    <div class="fontclass">#icon-cidai_up</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-changpian_player"></use>
                    </svg>
                    <div class="name">changpian_player</div>
                    <div class="fontclass">#icon-changpian_player</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-changpian-1"></use>
                    </svg>
                    <div class="name">changpian-1</div>
                    <div class="fontclass">#icon-changpian-1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-laba"></use>
                    </svg>
                    <div class="name">laba</div>
                    <div class="fontclass">#icon-laba</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-erji1"></use>
                    </svg>
                    <div class="name">erji</div>
                    <div class="fontclass">#icon-erji1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-player"></use>
                    </svg>
                    <div class="name">player</div>
                    <div class="fontclass">#icon-player</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-jita"></use>
                    </svg>
                    <div class="name">jita</div>
                    <div class="fontclass">#icon-jita</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-erjichatou"></use>
                    </svg>
                    <div class="name">erjichatou</div>
                    <div class="fontclass">#icon-erjichatou</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-yixiang"></use>
                    </svg>
                    <div class="name">yixiang</div>
                    <div class="fontclass">#icon-yixiang</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-yinfu"></use>
                    </svg>
                    <div class="name">yinfu</div>
                    <div class="fontclass">#icon-yinfu</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-maike"></use>
                    </svg>
                    <div class="name">maike</div>
                    <div class="fontclass">#icon-maike</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-dianshitai"></use>
                    </svg>
                    <div class="name">电视台</div>
                    <div class="fontclass">#icon-dianshitai</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-baozhi"></use>
                    </svg>
                    <div class="name">报纸</div>
                    <div class="fontclass">#icon-baozhi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-gouwu-2"></use>
                    </svg>
                    <div class="name">超市</div>
                    <div class="fontclass">#icon-gouwu-2</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-chongwu"></use>
                    </svg>
                    <div class="name">宠物店</div>
                    <div class="fontclass">#icon-chongwu</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-kouhong"></use>
                    </svg>
                    <div class="name">丽人</div>
                    <div class="fontclass">#icon-kouhong</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-gouwu"></use>
                    </svg>
                    <div class="name">便利店</div>
                    <div class="fontclass">#icon-gouwu</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-jianshen"></use>
                    </svg>
                    <div class="name">健身房</div>
                    <div class="fontclass">#icon-jianshen</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-maikefeng"></use>
                    </svg>
                    <div class="name">KTV</div>
                    <div class="fontclass">#icon-maikefeng</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-qiandai"></use>
                    </svg>
                    <div class="name">银行</div>
                    <div class="fontclass">#icon-qiandai</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-jiandao"></use>
                    </svg>
                    <div class="name">理发店</div>
                    <div class="fontclass">#icon-jiandao</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-weixiu"></use>
                    </svg>
                    <div class="name">维修店</div>
                    <div class="fontclass">#icon-weixiu</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-shubiao"></use>
                    </svg>
                    <div class="name">网吧</div>
                    <div class="fontclass">#icon-shubiao</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-shoubing"></use>
                    </svg>
                    <div class="name">电玩场</div>
                    <div class="fontclass">#icon-shoubing</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-yao-2"></use>
                    </svg>
                    <div class="name">药店</div>
                    <div class="fontclass">#icon-yao-2</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-xiyi"></use>
                    </svg>
                    <div class="name">洗衣店</div>
                    <div class="fontclass">#icon-xiyi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-yao"></use>
                    </svg>
                    <div class="name">药店</div>
                    <div class="fontclass">#icon-yao</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-tushu"></use>
                    </svg>
                    <div class="name">图书馆</div>
                    <div class="fontclass">#icon-tushu</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-yiyuan"></use>
                    </svg>
                    <div class="name">医院</div>
                    <div class="fontclass">#icon-yiyuan</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-yifu"></use>
                    </svg>
                    <div class="name">服装店</div>
                    <div class="fontclass">#icon-yifu</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-yu"></use>
                    </svg>
                    <div class="name">海洋馆</div>
                    <div class="fontclass">#icon-yu</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-dianying"></use>
                    </svg>
                    <div class="name">电影院</div>
                    <div class="fontclass">#icon-dianying</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-jiweijiu"></use>
                    </svg>
                    <div class="name">鸡尾酒</div>
                    <div class="fontclass">#icon-jiweijiu</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-hongjiu"></use>
                    </svg>
                    <div class="name">红酒</div>
                    <div class="fontclass">#icon-hongjiu</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-huoguo"></use>
                    </svg>
                    <div class="name">火锅</div>
                    <div class="fontclass">#icon-huoguo</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-hanbao"></use>
                    </svg>
                    <div class="name">汉堡</div>
                    <div class="fontclass">#icon-hanbao</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-kafei"></use>
                    </svg>
                    <div class="name">咖啡</div>
                    <div class="fontclass">#icon-kafei</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-pisa"></use>
                    </svg>
                    <div class="name">披萨</div>
                    <div class="fontclass">#icon-pisa</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-lizhi"></use>
                    </svg>
                    <div class="name">荔枝</div>
                    <div class="fontclass">#icon-lizhi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-kaochuan"></use>
                    </svg>
                    <div class="name">烤串</div>
                    <div class="fontclass">#icon-kaochuan</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-mianguan"></use>
                    </svg>
                    <div class="name">面馆</div>
                    <div class="fontclass">#icon-mianguan</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-tianpin"></use>
                    </svg>
                    <div class="name">甜品</div>
                    <div class="fontclass">#icon-tianpin</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-xican"></use>
                    </svg>
                    <div class="name">西餐</div>
                    <div class="fontclass">#icon-xican</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-pijiu"></use>
                    </svg>
                    <div class="name">啤酒</div>
                    <div class="fontclass">#icon-pijiu</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-yinliao"></use>
                    </svg>
                    <div class="name">饮料</div>
                    <div class="fontclass">#icon-yinliao</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-shuiguo"></use>
                    </svg>
                    <div class="name">水果</div>
                    <div class="fontclass">#icon-shuiguo</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-zhongcan"></use>
                    </svg>
                    <div class="name">中餐</div>
                    <div class="fontclass">#icon-zhongcan</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-bingbang"></use>
                    </svg>
                    <div class="name">冰棒</div>
                    <div class="fontclass">#icon-bingbang</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-bingqilin"></use>
                    </svg>
                    <div class="name">冰淇淋</div>
                    <div class="fontclass">#icon-bingqilin</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-cha"></use>
                    </svg>
                    <div class="name">茶</div>
                    <div class="fontclass">#icon-cha</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-chushi"></use>
                    </svg>
                    <div class="name">厨师</div>
                    <div class="fontclass">#icon-chushi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-bangong"></use>
                    </svg>
                    <div class="name">办公</div>
                    <div class="fontclass">#icon-bangong</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-danche"></use>
                    </svg>
                    <div class="name">单车</div>
                    <div class="fontclass">#icon-danche</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-dalei"></use>
                    </svg>
                    <div class="name">打雷</div>
                    <div class="fontclass">#icon-dalei</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-dayi"></use>
                    </svg>
                    <div class="name">大衣</div>
                    <div class="fontclass">#icon-dayi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-buhang"></use>
                    </svg>
                    <div class="name">步行</div>
                    <div class="fontclass">#icon-buhang</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-deshi"></use>
                    </svg>
                    <div class="name">的士</div>
                    <div class="fontclass">#icon-deshi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-fengsvg"></use>
                    </svg>
                    <div class="name">风svg</div>
                    <div class="fontclass">#icon-fengsvg</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-duanxiu"></use>
                    </svg>
                    <div class="name">短袖</div>
                    <div class="fontclass">#icon-duanxiu</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-huoche"></use>
                    </svg>
                    <div class="name">火车</div>
                    <div class="fontclass">#icon-huoche</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-lunchuan"></use>
                    </svg>
                    <div class="name">轮船</div>
                    <div class="fontclass">#icon-lunchuan</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-huiyi"></use>
                    </svg>
                    <div class="name">会议</div>
                    <div class="fontclass">#icon-huiyi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-maozi"></use>
                    </svg>
                    <div class="name">帽子</div>
                    <div class="fontclass">#icon-maozi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-feiji"></use>
                    </svg>
                    <div class="name">飞机</div>
                    <div class="fontclass">#icon-feiji</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-motuo"></use>
                    </svg>
                    <div class="name">摩托</div>
                    <div class="fontclass">#icon-motuo</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-qingtian"></use>
                    </svg>
                    <div class="name">晴天</div>
                    <div class="fontclass">#icon-qingtian</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-qichuang"></use>
                    </svg>
                    <div class="name">起床</div>
                    <div class="fontclass">#icon-qichuang</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-shuaya"></use>
                    </svg>
                    <div class="name">刷牙</div>
                    <div class="fontclass">#icon-shuaya</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-tounaofengbao"></use>
                    </svg>
                    <div class="name">头脑风暴</div>
                    <div class="fontclass">#icon-tounaofengbao</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-xue"></use>
                    </svg>
                    <div class="name">雪</div>
                    <div class="fontclass">#icon-xue</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-yejian"></use>
                    </svg>
                    <div class="name">夜间</div>
                    <div class="fontclass">#icon-yejian</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-weiyi"></use>
                    </svg>
                    <div class="name">卫衣</div>
                    <div class="fontclass">#icon-weiyi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-yutian"></use>
                    </svg>
                    <div class="name">雨天</div>
                    <div class="fontclass">#icon-yutian</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-xie"></use>
                    </svg>
                    <div class="name">鞋</div>
                    <div class="fontclass">#icon-xie</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-yuehui"></use>
                    </svg>
                    <div class="name">约会</div>
                    <div class="fontclass">#icon-yuehui</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-changxiu"></use>
                    </svg>
                    <div class="name">长袖</div>
                    <div class="fontclass">#icon-changxiu</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-wendu"></use>
                    </svg>
                    <div class="name">温度</div>
                    <div class="fontclass">#icon-wendu</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-shuijue"></use>
                    </svg>
                    <div class="name">睡觉</div>
                    <div class="fontclass">#icon-shuijue</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-zhanku"></use>
                    </svg>
                    <div class="name">站酷</div>
                    <div class="fontclass">#icon-zhanku</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-zhuibo"></use>
                    </svg>
                    <div class="name">追波</div>
                    <div class="fontclass">#icon-zhuibo</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-zhadan"></use>
                    </svg>
                    <div class="name">炸弹</div>
                    <div class="fontclass">#icon-zhadan</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-zhu"></use>
                    </svg>
                    <div class="name">猪</div>
                    <div class="fontclass">#icon-zhu</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-yuechi"></use>
                    </svg>
                    <div class="name">钥匙</div>
                    <div class="fontclass">#icon-yuechi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-zuqiu-2"></use>
                    </svg>
                    <div class="name">足球-2</div>
                    <div class="fontclass">#icon-zuqiu-2</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-zuqiu"></use>
                    </svg>
                    <div class="name">足球</div>
                    <div class="fontclass">#icon-zuqiu</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-yumaoqiu"></use>
                    </svg>
                    <div class="name">羽毛球</div>
                    <div class="fontclass">#icon-yumaoqiu</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-yinlehe"></use>
                    </svg>
                    <div class="name">音乐盒</div>
                    <div class="fontclass">#icon-yinlehe</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-shenfenzheng"></use>
                    </svg>
                    <div class="name">身份证</div>
                    <div class="fontclass">#icon-shenfenzheng</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-qiqiu"></use>
                    </svg>
                    <div class="name">气球</div>
                    <div class="fontclass">#icon-qiqiu</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-jinbi"></use>
                    </svg>
                    <div class="name">金币</div>
                    <div class="fontclass">#icon-jinbi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-pingpangqiu"></use>
                    </svg>
                    <div class="name">乒乓球</div>
                    <div class="fontclass">#icon-pingpangqiu</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-wangqiu"></use>
                    </svg>
                    <div class="name">网球</div>
                    <div class="fontclass">#icon-wangqiu</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-meiguihua"></use>
                    </svg>
                    <div class="name">玫瑰花</div>
                    <div class="fontclass">#icon-meiguihua</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-dian"></use>
                    </svg>
                    <div class="name">电</div>
                    <div class="fontclass">#icon-dian</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-lanqiu"></use>
                    </svg>
                    <div class="name">篮球</div>
                    <div class="fontclass">#icon-lanqiu</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-dao"></use>
                    </svg>
                    <div class="name">刀</div>
                    <div class="fontclass">#icon-dao</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-liwu"></use>
                    </svg>
                    <div class="name">礼物</div>
                    <div class="fontclass">#icon-liwu</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-baolingqiu-2"></use>
                    </svg>
                    <div class="name">保龄球-2</div>
                    <div class="fontclass">#icon-baolingqiu-2</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-chuizi"></use>
                    </svg>
                    <div class="name">锤子</div>
                    <div class="fontclass">#icon-chuizi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-baolingqiu"></use>
                    </svg>
                    <div class="name">保龄球</div>
                    <div class="fontclass">#icon-baolingqiu</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-DJ"></use>
                    </svg>
                    <div class="name">DJ</div>
                    <div class="fontclass">#icon-DJ</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-behance"></use>
                    </svg>
                    <div class="name">behance</div>
                    <div class="fontclass">#icon-behance</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-jianpan"></use>
                    </svg>
                    <div class="name">键盘</div>
                    <div class="fontclass">#icon-jianpan</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-baoguo"></use>
                    </svg>
                    <div class="name">包裹</div>
                    <div class="fontclass">#icon-baoguo</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-UIzhongguo"></use>
                    </svg>
                    <div class="name">UI中国</div>
                    <div class="fontclass">#icon-UIzhongguo</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-shoutiyinxiang"></use>
                    </svg>
                    <div class="name">shoutiyinxiang</div>
                    <div class="fontclass">#icon-shoutiyinxiang</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-yinyueset"></use>
                    </svg>
                    <div class="name">yinyueset</div>
                    <div class="fontclass">#icon-yinyueset</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-yinfu1"></use>
                    </svg>
                    <div class="name">yinfu1</div>
                    <div class="fontclass">#icon-yinfu1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-dianjita"></use>
                    </svg>
                    <div class="name">dianjita</div>
                    <div class="fontclass">#icon-dianjita</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-gameplayer"></use>
                    </svg>
                    <div class="name">gameplayer</div>
                    <div class="fontclass">#icon-gameplayer</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-maike1"></use>
                    </svg>
                    <div class="name">maike1</div>
                    <div class="fontclass">#icon-maike1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-ipod"></use>
                    </svg>
                    <div class="name">ipod</div>
                    <div class="fontclass">#icon-ipod</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-user-girl"></use>
                    </svg>
                    <div class="name">用户（女）</div>
                    <div class="fontclass">#icon-user-girl</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-degree"></use>
                    </svg>
                    <div class="name">学位</div>
                    <div class="fontclass">#icon-degree</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-email"></use>
                    </svg>
                    <div class="name">邮件</div>
                    <div class="fontclass">#icon-email</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-edit"></use>
                    </svg>
                    <div class="name">编辑</div>
                    <div class="fontclass">#icon-edit</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-position"></use>
                    </svg>
                    <div class="name">地址</div>
                    <div class="fontclass">#icon-position</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-project"></use>
                    </svg>
                    <div class="name">项目</div>
                    <div class="fontclass">#icon-project</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-set"></use>
                    </svg>
                    <div class="name">设置</div>
                    <div class="fontclass">#icon-set</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-user-boy"></use>
                    </svg>
                    <div class="name">用户（男）</div>
                    <div class="fontclass">#icon-user-boy</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-college"></use>
                    </svg>
                    <div class="name">机构</div>
                    <div class="fontclass">#icon-college</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-aixin"></use>
                    </svg>
                    <div class="name">爱心</div>
                    <div class="fontclass">#icon-aixin</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-camera"></use>
                    </svg>
                    <div class="name">相机</div>
                    <div class="fontclass">#icon-camera</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-pc"></use>
                    </svg>
                    <div class="name">电脑</div>
                    <div class="fontclass">#icon-pc</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-prompt"></use>
                    </svg>
                    <div class="name">对话</div>
                    <div class="fontclass">#icon-prompt</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-star"></use>
                    </svg>
                    <div class="name">星星</div>
                    <div class="fontclass">#icon-star</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-phone"></use>
                    </svg>
                    <div class="name">手机</div>
                    <div class="fontclass">#icon-phone</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-medal"></use>
                    </svg>
                    <div class="name">奖牌</div>
                    <div class="fontclass">#icon-medal</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-debug"></use>
                    </svg>
                    <div class="name">错误</div>
                    <div class="fontclass">#icon-debug</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-sound"></use>
                    </svg>
                    <div class="name">声音</div>
                    <div class="fontclass">#icon-sound</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-watch"></use>
                    </svg>
                    <div class="name">手表</div>
                    <div class="fontclass">#icon-watch</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-battery"></use>
                    </svg>
                    <div class="name">电池</div>
                    <div class="fontclass">#icon-battery</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-chicken"></use>
                    </svg>
                    <div class="name">小鸡</div>
                    <div class="fontclass">#icon-chicken</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-jiantou122"></use>
                    </svg>
                    <div class="name">箭头</div>
                    <div class="fontclass">#icon-jiantou122</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-jiantou"></use>
                    </svg>
                    <div class="name">箭头</div>
                    <div class="fontclass">#icon-jiantou</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-fanhui"></use>
                    </svg>
                    <div class="name">返回</div>
                    <div class="fontclass">#icon-fanhui</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-jiantou1"></use>
                    </svg>
                    <div class="name">箭头</div>
                    <div class="fontclass">#icon-jiantou1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-red_envelope"></use>
                    </svg>
                    <div class="name">中国风春节元素Icon</div>
                    <div class="fontclass">#icon-red_envelope</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-tangerine"></use>
                    </svg>
                    <div class="name">tangerine</div>
                    <div class="fontclass">#icon-tangerine</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-tangyuan"></use>
                    </svg>
                    <div class="name">tangyuan</div>
                    <div class="fontclass">#icon-tangyuan</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-spring"></use>
                    </svg>
                    <div class="name">spring</div>
                    <div class="fontclass">#icon-spring</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-baozi"></use>
                    </svg>
                    <div class="name">baozi</div>
                    <div class="fontclass">#icon-baozi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-boy"></use>
                    </svg>
                    <div class="name">boy</div>
                    <div class="fontclass">#icon-boy</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-festival"></use>
                    </svg>
                    <div class="name">festival</div>
                    <div class="fontclass">#icon-festival</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-firecracker"></use>
                    </svg>
                    <div class="name">firecracker</div>
                    <div class="fontclass">#icon-firecracker</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-fish"></use>
                    </svg>
                    <div class="name">fish</div>
                    <div class="fontclass">#icon-fish</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-chinese_lion"></use>
                    </svg>
                    <div class="name">chinese_lion</div>
                    <div class="fontclass">#icon-chinese_lion</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-girl"></use>
                    </svg>
                    <div class="name">girl</div>
                    <div class="fontclass">#icon-girl</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-lantern"></use>
                    </svg>
                    <div class="name">lantern</div>
                    <div class="fontclass">#icon-lantern</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-knot"></use>
                    </svg>
                    <div class="name">knot</div>
                    <div class="fontclass">#icon-knot</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-lucky_coin"></use>
                    </svg>
                    <div class="name">lucky_coin</div>
                    <div class="fontclass">#icon-lucky_coin</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-plum_flower"></use>
                    </svg>
                    <div class="name">plum_flower</div>
                    <div class="fontclass">#icon-plum_flower</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-dragon_chen"></use>
                    </svg>
                    <div class="name">dragon_chen</div>
                    <div class="fontclass">#icon-dragon_chen</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-dog_xu"></use>
                    </svg>
                    <div class="name">dog_xu</div>
                    <div class="fontclass">#icon-dog_xu</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-dog"></use>
                    </svg>
                    <div class="name">中国风十二生肖</div>
                    <div class="fontclass">#icon-dog</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-goat"></use>
                    </svg>
                    <div class="name">goat</div>
                    <div class="fontclass">#icon-goat</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-goat_wei"></use>
                    </svg>
                    <div class="name">goat_wei</div>
                    <div class="fontclass">#icon-goat_wei</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-dragon"></use>
                    </svg>
                    <div class="name">dragon</div>
                    <div class="fontclass">#icon-dragon</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-horse"></use>
                    </svg>
                    <div class="name">horse</div>
                    <div class="fontclass">#icon-horse</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-monkey_shen"></use>
                    </svg>
                    <div class="name">monkey_shen</div>
                    <div class="fontclass">#icon-monkey_shen</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-ox_chou"></use>
                    </svg>
                    <div class="name">ox_chou</div>
                    <div class="fontclass">#icon-ox_chou</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-monkey"></use>
                    </svg>
                    <div class="name">monkey</div>
                    <div class="fontclass">#icon-monkey</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-horse_wu"></use>
                    </svg>
                    <div class="name">horse_wu</div>
                    <div class="fontclass">#icon-horse_wu</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-ox"></use>
                    </svg>
                    <div class="name">ox</div>
                    <div class="fontclass">#icon-ox</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-rabbit_mao"></use>
                    </svg>
                    <div class="name">rabbit_mao</div>
                    <div class="fontclass">#icon-rabbit_mao</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-rabbit"></use>
                    </svg>
                    <div class="name">rabbit</div>
                    <div class="fontclass">#icon-rabbit</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-rat_zi"></use>
                    </svg>
                    <div class="name">rat_zi</div>
                    <div class="fontclass">#icon-rat_zi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-rat"></use>
                    </svg>
                    <div class="name">rat</div>
                    <div class="fontclass">#icon-rat</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-rooster_you"></use>
                    </svg>
                    <div class="name">rooster_you</div>
                    <div class="fontclass">#icon-rooster_you</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-rooster"></use>
                    </svg>
                    <div class="name">rooster</div>
                    <div class="fontclass">#icon-rooster</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-snake_si"></use>
                    </svg>
                    <div class="name">snake_si</div>
                    <div class="fontclass">#icon-snake_si</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-tiger_yin"></use>
                    </svg>
                    <div class="name">tiger_yin</div>
                    <div class="fontclass">#icon-tiger_yin</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-snake"></use>
                    </svg>
                    <div class="name">snake</div>
                    <div class="fontclass">#icon-snake</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-tiger"></use>
                    </svg>
                    <div class="name">tiger</div>
                    <div class="fontclass">#icon-tiger</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-boar"></use>
                    </svg>
                    <div class="name">boar</div>
                    <div class="fontclass">#icon-boar</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-boar_hai"></use>
                    </svg>
                    <div class="name">boar_hai</div>
                    <div class="fontclass">#icon-boar_hai</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-baisoft-xie-top"></use>
                    </svg>
                    <div class="name">箭头</div>
                    <div class="fontclass">#icon-baisoft-xie-top</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-jiantou2"></use>
                    </svg>
                    <div class="name">右箭头</div>
                    <div class="fontclass">#icon-jiantou2</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-aixin1"></use>
                    </svg>
                    <div class="name">爱心</div>
                    <div class="fontclass">#icon-aixin1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-gouwuchekong"></use>
                    </svg>
                    <div class="name">购物车空</div>
                    <div class="fontclass">#icon-gouwuchekong</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-jiantouxiajiang"></use>
                    </svg>
                    <div class="name">箭头 下降</div>
                    <div class="fontclass">#icon-jiantouxiajiang</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-jiantou-copy"></use>
                    </svg>
                    <div class="name">箭头</div>
                    <div class="fontclass">#icon-jiantou-copy</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-cart-copy"></use>
                    </svg>
                    <div class="name">购物车空</div>
                    <div class="fontclass">#icon-cart-copy</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-nan"></use>
                    </svg>
                    <div class="name">男</div>
                    <div class="fontclass">#icon-nan</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-nv"></use>
                    </svg>
                    <div class="name">女</div>
                    <div class="fontclass">#icon-nv</div>
                </li>
            
        </ul>


        <h2 id="symbol-">symbol引用</h2>
        <hr>

        <p>这是一种全新的使用方式，应该说这才是未来的主流，也是平台目前推荐的用法。相关介绍可以参考这篇<a href="">文章</a>
        这种用法其实是做了一个svg的集合，与另外两种相比具有如下特点：</p>
        <ul>
          <li>支持多色图标了，不再受单色限制。</li>
          <li>通过一些技巧，支持像字体那样，通过<code>font-size</code>,<code>color</code>来调整样式。</li>
          <li>兼容性较差，支持 ie9+,及现代浏览器。</li>
          <li>浏览器渲染svg的性能一般，还不如png。</li>
        </ul>
        <p>使用步骤如下：</p>
        <h3 id="-symbol-">第一步：引入项目下面生成的symbol代码：</h3>
        <pre><code class="lang-js hljs javascript"><span class="hljs-comment">&lt;script src="./iconfont.js"&gt;&lt;/script&gt;</span></code></pre>
        <h3 id="-css-">第二步：加入通用css代码（引入一次就行）：</h3>
        <pre><code class="lang-js hljs javascript">&lt;style type=<span class="hljs-string">"text/css"</span>&gt;
.icon {
   width: <span class="hljs-number">1</span>em; height: <span class="hljs-number">1</span>em;
   vertical-align: <span class="hljs-number">-0.15</span>em;
   fill: currentColor;
   overflow: hidden;
}
&lt;<span class="hljs-regexp">/style&gt;</span></code></pre>
        <h3 id="-">第三步：挑选相应图标并获取类名，应用于页面：</h3>
        <pre><code class="lang-js hljs javascript">&lt;svg <span class="hljs-class"><span class="hljs-keyword">class</span></span>=<span class="hljs-string">"icon"</span> aria-hidden=<span class="hljs-string">"true"</span>&gt;<span class="xml"><span class="hljs-tag">
  &lt;<span class="hljs-name">use</span> <span class="hljs-attr">xlink:href</span>=<span class="hljs-string">"#icon-xxx"</span>&gt;</span><span class="hljs-tag">&lt;/<span class="hljs-name">use</span>&gt;</span>
</span>&lt;<span class="hljs-regexp">/svg&gt;
        </span></code></pre>
    </div>
</body>
</html>
